
<!-- begin content -->
		<div id="content" style="display:none;width: 0%">
		
			<div class="deckframe" style="position:relative;width: 75%;float: left;height: 400px;color: #FFFF99">
				<h2 class="title" >Game Window</h2>
				<div id="game_quit" style="float:right;width:15%;position:absolute;top:0px;right:0px;display:none;">
				 	<a style="float:right;color:blue;font-size:153.9%;text-decoration: underline;" href="javascript:{}" onclick="componentExecFunction('room_instance','quit',null)">Quit</a> 
				</div>
				<div class="entry" id="deskfarme" style="height: 400px">
					
				</div>
				<div class="meta">
				</div>
			</div>
			<div style="width: 24%;float: right;">
				<div class="post" >
					<h2 class="title">Game LOG</h2>
					<div class="entry" id="gameLog" style="height:200px; background-color:#363432;overflow-y:scroll; display:block;border: 1px solid black;color:green;color: #FFFF99">
						
					</div>
					<div class="meta">
						
					</div>
				</div>
				<div class="post" >
					<h2 class="title">Chat Window</h2>
					<div class="entry" id="chatwidget1" style="height:200px;float:left;width: 100%">
					<div id="txtMsgAreaRoom" style="height:180px; width:99%; overflow-y:scroll; display:block;border: 1px solid black;color: #FFFF99">
					</div>
					<div class="" style="padding: 2px 2px 2px 10px;float:right;width:100%;clear;">
						<input id="txtMsgRoom" type="text" style="width: 70%" /> <input id="sendRoom" type="button" value="send" onclick="" style="width: 20%"/>
					</div>
					</div>
					<div class="meta">
						
					</div>
				</div>
			</div>
		 <!-- 
		 	<div style="position:relative;width: 23%">
		 		<div class="post" style="padding:15px 0px 0px 10px">
					<h2 class="title">Chat Window</h2>
					<div class="entry" id="chatwidget1" style="height:100%;width:78%;float:left;">
					<div id="txtMsgArea" style="height:80px; width:99%; overflow-y:scroll; display:block;border: 1px solid black">
					</div>
					<div class="" style="padding: 2px 2px 2px 10px;float:right;width:18%;clear;">
						<input id="txtMsg1" type="text" /> <br/><input id="send1" type="button" value="send" onclick="">
					</div>
				</div>
		 	</div>
			
		 -->
			
		</div>
		<!-- end content -->
		<!-- begin sidebar -->
		<div id="sidebar">
			<div style="width:30%;padding:5px 5px 0px 0px;float: left; ">
				<div class="post" >
					<h2 class="title">Room List</h2>
					<div class="yui-skin-sam" id="roomlist" >
						
					</div>
					<div class="meta">
						
					</div>
				</div>
			</div>
			<div style="width:37%;padding:5px 5px 5px 10px;float: left;height: 420px;">
				<div class="post" style="height: 88%" >
					<h2 class="title">Chat Window</h2>
					<div class="entry" id="chatwidget" style="height:100%;width:100%;float:left;">
						<div id="txtMsgArea" style="height:90%; width:99%; overflow-y:scroll; display:block;border: 1px solid black;font-size: large;color: #FFFF99">
						</div>
						<div class="" style="padding: 0px 0px 0px 0px;float:right;width:100%;clear;height: 9%">
							<input id="txtMsg" type="text" style="width:75%"/> <input id="send" type="button" value="send" onclick="" style="width:22%">
						</div>
					</div>	
				</div>
			</div>
			
			<div style="width:30%;padding:5px 5px 0px 0px;float: right;height: 425px;color: #FFFF99">
				<div class="post"  style="height: 88%">
					<h2 class="title">User List</h2>
					<div class="entry"  id="userlist" >
						
					</div>
					<div class="meta">
					</div>
				</div>
			</div>
			
			
		</div>
		<!-- end sidebar -->
